﻿
/****** Elements ******/

html {
	font-family: Arial;
}

body {
	font-size: 14px;
	color: #454545;
	padding: 0px !important;
	line-height: inherit;
}

h1, h2
{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 43px;
	color: #685c53;
}


h4 
{
	font-size: 1em;
}

h5 
{
	font-size: .83em;
	margin: 1.5em 0;
}

h6 
{
	font-size: .75em;
	margin: 1.67em 0;
}

#interior-page .main h1
{
	margin-bottom: 14px;
}

#interior-page .main h2
{
	border-bottom: 1px solid #AEA8A4;
	color: black;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 14px;
	padding-bottom: 2px;
	text-transform: uppercase;
}

fieldset {
	border: 1px dotted gray;
}

legend {
	border-left: 1px dotted gray;
	border-right: 1px dotted gray;
	margin-left: 10px;
	padding: 0 5px;
}

ul {
	margin: 1.12em 0;
}

li {
	display: list-item;
}

/****** Skin ******/

.skn-header {
	background-color: white;
	border: 1px gray solid;
	margin-bottom: 10px;
}

.skn-topnav {
	background-color: #EEE;
	border: 1px gray solid;
}

.skn-footer {
	background-color: white;
	border: 1px gray solid;
}

.skn-banner {
	background-color: white;
	border: 1px gray solid;
}

#home-page h1
{
	display: block;
	margin-top: 10px;
	text-align: center;
	margin-top: 24px;
	padding-bottom: 25px;
	color: #232140;
	letter-spacing: 2px;
}

#home-page h1, #home-page h2 
{
	margin-bottom: 26px;
	border-bottom: 1px solid #aea8a4;
	padding-bottom: 21px;	
	font-size: 24px;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
}

.button
{
	display: table-cell;
	background: #971B3A;
	border: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
	text-transform: uppercase;
	color: #ffffff;
	font-family: Source Sans Pro, Arial;
	font-weight:600;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 2px;
}
 
.button:hover{
	background-color: #870C29;
	cursor: pointer;
	text-decoration: none;
	color: white;
}

.button-div{
	margin-top:30px;
}

.background {
	background-image: url('images/StripeTile.png');
	position: relative;
}

/****** breadcrumbs ******/

.breadcrumbs {
	background-color: #C4C3C6;
	opacity: 0.7;
	color: #333;
	padding: 3px 0;
	margin-top: 8px;
	margin-bottom: 3px;
}

.breadcrumbs a {
	color: #333;
	text-decoration: none;
}	

.breadcrumbs a:first-child{
    margin-left: 9px;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumb-header{
	font-size: 48px;
	font-weight: 300;
}

.left-col {
	background-color: white;
	background-image: url('images/main-right-border.jpeg');
	background-repeat: no-repeat;
	background-position: top right;
}

.right-col {
	background-color: #f1f1f1;
}



.featured-products-header{
	background-image: url('images/FeaturedProducts.png');
	background-repeat: no-repeat;
	background-position: -5px 0;
	overflow: hidden;
}

.featured-products-header h2{
	position: absolute;
	top: -5000px;
	left: 0;
}

.rotator-prev, .rotator-next{
	background-repeat: no-repeat;
	background-position: center;
}

.rotator-prev{
	background-image: url('images/arrow-left.png');
}

.rotator-next{
	background-image: url('images/arrow-right.png');
}

.rotator-item a{
	text-decoration: none;
}

.featured-product-label {
        text-align: center;
	opacity: 0.8;
	font-family: 'Source Sans Pro', Arial;
        font-weight: 500;
	font-size: 16px;
	color: #1fb6e6;
}

.featured-product-label:hover
{
	text-decoration: underline;	
}


/***** location rotator ******/
.location-prev, .location-next{
	background-color: #c4c3c6;
	background-repeat: no-repeat;
	background-position: center;
}

.location-prev{
	background-image: url('images/arrow-left-small.png');
}
.location-next{
	background-image: url('images/arrow-right-small.png');
}

.location {
	color: #454545;
	margin-top: 10px;
}

.location-title{
	background-image: url('images/MapPin_icon.png');
	background-repeat: no-repeat;

	padding-left: 40px;

	font-size: 24px;
	color: black;
	font-weight: bold;
	line-height: 42px;

}

.right-col .location-phone span{
	font-weight: normal;
}

.location-functions ul 
{
	list-style-image: url('images/location-arrow.png');
	margin: 0;
	padding: 0;
	margin-left: 22px;
}

.location-functions a{
	text-decoration: none;
	color: #0090df;
	line-height: 28px;
}

.location-functions a:hover{
	text-decoration: underline;
}

.right-col .location-phone,  .right-col .office-hours{
	border-top: #dedede 1px solid;
	padding: 10px 0;
}

.location .contact-us{
	width: 165px;
}

/****** carriers ******/
.listings, .listing{
	width: 100%;
	list-style: none;
}

.listing {
	clear: both;
	padding:1em 0;
}

.providers{
	display: block;
	background-color: white;
	border-radius: 5px;
}

.provider{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display:none;
}

.right-col .providers{
	background-image: none;
	background-color: white;
}

.carrier-logo{
	width: 90%;
	/* hack to force width when no logo exists */
	/* i have no idea why this works */
	padding: 1px;
}

/******* testimonials *******/

.testimonials
{
	float: left;
	width: 44%;
	background: #971b3a;
	height: 236px;
	overflow: hidden;
	clear: both;
}

.testimonial{
	height: 236px;
}

.full-testimonial {
	display:none;
}

.full-testimonial-box {
	font-size: 16px;
	font-family: Georgia;
	font-style: italic;
	background-color: #abbd2d;
	color: white;
	-moz-border-radius: 15px 15px 15px 0;
	border-radius: 15px 15px 15px 0;
}

.bazaar {
	background-color: #ffffff;
}

/***** footer product listing ******/
.quick-links{
	background-color: #584e45;
	font-size: 13px;
}

.quick-links a{
	color: white;
	text-decoration: none;
}

.quick-links a:hover{
	text-decoration: underline;
}

.landing {
	font-weight:bold;
}


/****** footer ******/
.footer{
	font-size: 11px;
	color: white;
	margin-top: 50px;
	background-color: #343433;
	overflow: hidden;
	padding-bottom: 88px;
}

.footer a{
	color: white;
	text-decoration: none;
}

.footer a:hover{
	text-decoration: underline;
}

.footer .footer-links {
	padding-top: 14px;
}

.upper-footer
{
    margin-bottom: 33px;
    margin-top: 18px;
}

.certifications img {
	margin-right: 39px;
	height: 80px;
}

.sm-chicklets a,
.social a {
	background-image: url('images/SocialMediaChicklets.png');
	background-repeat: no-repeat;
	margin-left:3px;
}

.sm-chicklets .facebook-url{
	background-position: 0px 0px;
}
.sm-chicklets .facebook-url:hover{
	background-position: 0px -28px;
}

.sm-chicklets .linkedin-url{
	background-position: -39px 0px;
}
.sm-chicklets .linkedin-url:hover{
	background-position: -39px -28px;
}

.sm-chicklets .twitter-url{
	background-position: -77px 0px;
}
.sm-chicklets .twitter-url:hover{
	background-position: -77px -28px;
}

.sm-chicklets .google-url{
	background-position: -116px 0px;
}
.sm-chicklets .google-url:hover{
	background-position: -116px -28px;
}

.sm-chicklets .youtube-url{
	background-position: -154px 0px;
}
.sm-chicklets .youtube-url:hover{
	background-position: -154px -28px;
}

.sm-chicklets .instagram-url{
	background-position: -190px 0px;
}
.sm-chicklets .instagram-url:hover{
	background-position: -190px -28px;
}

.sm-chicklets .blog-url{
	display:none;
}

.social
{
	overflow: hidden;
	margin-bottom: 10px;
}

.social a
{
	width: 23px;
	height: 22px;
	float: right;
	border-radius: 2px;
	margin-left: 4px;
}

.social .facebook-url{
	background-position: -194px 0px;
}
.social .linkedin-url{
	background-position: -244px 0px;
}
.social .google-url{
	background-position: -218px 0px;
}
.social .twitter-url{
	background-position: -271px 0px;
}

.social .youtube-url{
	background-position: -299px 0px;
}
.social .blog-url{
	background-image: url('images/blog.png');
}

/****** header ******/

.header
{
	overflow: hidden;
}

.logo
{
	max-width: 100%;
	float: left;	
	margin-top: 14px;
	margin-bottom: 14px;
	color: #454545;
	text-decoration: none;
}

.logo:hover
{
	color: #454545;
	text-decoration: none;
}

.logo div {
	padding: 34px 0;
	line-height: 100%;
}

.phone-number
{
    	margin-top: 30px;
	margin-bottom: 10px;
	position: relative;
	font-family: 'Source Sans Pro', Arial;
	font-size: 24px;
        float: right;
        color: #971b3a;
	line-height: 29px;
	text-align: right;
}

.phone-number-header
{
	display: inline;
	text-align: center;
	background-color: white;
	font-size: 24px;
	color: #685c53;
}

.fb-like {
	width: 50px;
	overflow: hidden;
}

/****** staff ******/

.bio-link, .hide-bio-link {
	width:115px;
}

.phone span {
	font-weight: bold;
	width: 100px;
	float: left;
}

.email{
	margin-top: 10px;
}

.email span{
	font-weight: bold;
}

.staff-pic {
	width: 20%;
	margin-right: 3%;
	padding: 1px;
}

.staff-pic > img {
	display: block;
	margin: 0 auto;
	max-height: 200px;
	max-width: 100%;
}

.staff-name, .staff-contact, .staff-office {
	width: 25%;
}

.staff-office .address {
	background-image: url('images/MapPin_icon.png');
	background-repeat: no-repeat;

	min-height: 45px;
	padding-left: 40px;
	margin-bottom: 10px;
}

.staff-office .directions-link {
	padding-left: 40px;
}

.bio {
	padding-left: 10%;
	width: 80%;
	display:none;
	margin-top: 20px;
}



/******* product page *******/
.quote-link {
	width: 200px;
}

/******* related products *******/
.related-products li {
	display: inline;
	float: left;
	width: 274px;
	height: 120px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));

}

.related-products li img {
	width: 102px;
	float: left;
}

.related-product-details {
	float:left;
	width: 153px;
	margin-left: 10px;
	font-size: 10px;
	line-height: 16px;
}

.related-product-details h3 {
	font-size: 12px;
	font-weight: bold;
	color: #0090df;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 15px;
}

/****** locations page ******/

.location
{
	font-size: 17px;
	color: #555555;
	font-family: Arial;
}

#home-page .locations-container .address
{
	float: right;
	margin-left: 4%;
	width: 38%;
}

.map
{
	width: 48%;
}

.listing > .address > * {
	float: left;
}

.location-info, .office-hours {
	width: 57%;
}

/******* top nav ******/
.top-nav{
	background: url(images/navBg.png) repeat;
	z-index: 3;
}

.top-nav .inner
{
	padding-top: 7px;
}

.top-nav .gradient
{
	height: 68px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 29%, rgba(255,255,255,0.2) 56%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(29%,rgba(255,255,255,0.2)), color-stop(56%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 29%,rgba(255,255,255,0.2) 56%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 29%,rgba(255,255,255,0.2) 56%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 29%,rgba(255,255,255,0.2) 56%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 29%,rgba(255,255,255,0.2) 56%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.nav-container{
	font-size: 14px;
	font-family:Oswald;
	color: #454545;
	z-index: 5;
}

.nav-container a{
	text-decoration: none;
}

.nav-container ul{
	z-index: 5;
}

.nav-container ul {
    
}

.nav-container ul li a
{
    color: #3e3e43;
}

.nav-container > ul > li > a {
	color: #FFF;
	font-family: Oswald, Arial;
	font-size: 14px;
	ine-height: 24px;
	text-transform: uppercase;
}

.nav-container ul  ul li:hover > a{
	color: #eeeeee;
}

.nav-container > ul > li
{
	border-radius: 5px;
	padding: 11px 19px;
	position: relative;
	font-family: Arial;
}

.dropdown ul{
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
}

.dropdown li {
	font-family: arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.dropdown >ul li:nth-last-child(1){
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.dropdown >ul li li:nth-child(1){
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.dropdown >ul li li:nth-last-child(1){
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/* nav-products */
.product-div {
	overflow: hidden;
	display:none;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.products:hover > div, .products:hover  ul{
	display:block;
}

.top-product-list {
	font-family: arial, sans-serif;
	font-size: 13px;
	font-weight: bold;

}

.products > li{
	display: block;
}

.products .top-product-list li:hover{
	color:#eeeeee;
	background-color:#454545;
}

.product-info{
	background-color: white;

	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 15px;

}

.product-info h3{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 24px;
}

.product-details {
	border-left: 1px solid #d2d2d2;
}

.nav-container ul .subproducts li a{
    color: #0090df;
    margin-left: 15px;
    margin-bottom: 17px;
    line-height: 1;
}

.nav-container ul .subproducts li a:hover{
	color: #0090df;
	text-decoration: underline;
}

.nav-container .right-items{
	color: #0090df;
}

.nav-container .right-items li:hover{
	color: #065a87;
}

.locations-widget-button {
	background-image: url('images/locationIcon.png');
	background-repeat: no-repeat;
	background-position: left;
}

.locations-widget .location{
	clear: both;
}
.locations-widget .content{
	display: none;
	font-family: arial, sans-serif;
	background-color: #eeeeee;
	position: absolute;
	top:100%;
	left: -400px;
}

.directions-wrapper{
	padding: 5px;
}


.page, .wrapper, .locations-widget .content > div{
	background-color: white;
}

.vert-arrow {
	height: 13px;
	width: 13px;
	background-image: url('images/ArrowsVertical.png');
	background-repeat: no-repeat;
	background-position: 4px 7px;
	padding-right: 15px;
	margin-left: 5px;
}

.horz-arrow {
	float: right;
	height: 12px;
	width: 8px;
	background-image: url('images/BW_arrow.png');
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 15px;
}

li:hover > a > .horz-arrow{
	background-position: 0 -13px;
}

.locations-widget .page, .locations-widget .content {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

}

.email-widget {
	background-image: url('images/emailIcon.png');
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left;
}

.carrier-info{
	width: 100%;
}

.carrier div, .carrier h3{
	float: left;
}

.carrier{
	list-style-type:none;
}

.carrier-name {
	width:62%; 
	padding-left:3%;

	font-size:24px;
	font-weight:bold;
	color: #0090df;
}

.carrier-details {
	display:none;
	clear:both; 
	padding-left: 25%; 
	width: 70%; 
}
.carrier-details dl {
	padding: 10px 30px;
}

.functions {
	width: 9%;
}
.plus-minus {
	display:block;
	width: 28px;
	height: 28px;
	background-image: url('images/PlusMinus.png');
}

.carrier-logo:hover, .carrier-name:hover, .plus-minus:hover{
	cursor:	pointer;
}
.plus-minus:hover{
	background-position: 0 28px;
}

.expanded .plus-minus{
	background-position: 28px 0;
}
.expanded .plus-minus:hover{
	background-position: 28px 28px;
}

.carrier-logo-box {
	width:24%;

	border-right: #dedede 1px solid;
}

.carrier-details a{
	text-decoration: none;
}
.carrier-details a:hover{
	text-decoration: underline;
}


/******* form ******/

.checkbox {
	display: inline;
	height: 14px;
	width: 15px;

}



form .button {
	display: block;
	width: 150px;
}


.left-col form input, .left-col form select, .left-col form textarea {
	margin-bottom: 20px;
}

/****** jscrollpane override ******/
.jspVerticalBar {
	width: 8px;
}

.jspTrack {
	background-color: #bfc7c8;
}

.jspDrag {
	background-color: #9fa2a3;
}

.subproducts .jspTrack {
	background-color: #eeeeee;
}

.subproducts .jspDrag {
	background-color: #343434;
}


/******* jquery ui overrride *******/
.ui-widget-overlay { 
	opacity: .80;
	filter:Alpha(Opacity=80); 
}

/****** Site Structure ******/

.str-header {
	margin-bottom:10px;
}

.str-banner {
	width: 500px;
	height: 375px;
	float: left;
}

#home-page .str-content {
	float: left;
	margin-left: 10px;
}

#interior-page .str-content {

}

.frame {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.str-footer {
	margin-top: 10px;
}

.left-col {

}

.right-col {
	padding-left:10px;
}

.main-location-image
{
	height: 249px;
}

/****** featured products rotator *******/
.featuredProducts .rotator {
	margin-top: 50px;
        position: relative;
}

.featuredProducts .rotator-prev {
	height: 37px;
	width: 8%;
	float:left;
	margin-top: 60px;
	margin-right: 2%;
	opacity: 0.5;
}

.featuredProducts .rotator-next
{
    	height: 37px;
	width: 8%;
	margin-top: 60px;
	margin-left: 2%;
	float:left;
	opacity: 0.5;
}

.featuredProducts .rotator-items {
	overflow: hidden;
	float:left;
	width: 80%;
        margin-bottom: 25px;
}

.featuredProducts .rotator-window {
	width: 500%;
}

.featuredProducts .rotator-item {
	margin-right: 35px;
	float: left;
	position:relative;
}

.featuredProducts .rotator-item  .rotator-image {
	background-repeat: no-repeat;
	width: 135px;
	height: 134px;
	background-position: center center;
	background-size: 109px auto;
}

.featured-product {
	width: 271px;
        text-align: center;
	margin: 0px;
	padding: 0px;
}

.featured-product img
{
	height: 61px;
}

.featured-product-label 
{
	padding: 3px 0px;
        margin-top: 6px;
	color: #0076C1;
	text-align: center;
	font-family: Source Sans Pro, Arial;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	width: 132px;
}

/****** locations rotator ******/
.locations-viewport {
	overflow: hidden;
}

#home-page .locations-container{
	overflow: hidden;
	margin-bottom: 22px;
	float: left;
	width: 49%;
}

#home-page .location-image{
	width: 58%;
}

#home-page .locations {

	background-color: white;

}

.homeContent
{
	font-family: Source Sans Pro, Arial;
	font-size: 16px;
	padding-bottom: 20px;
}

.location-phone
{
	padding-top: 10px;
}

.location-prev, .location-next {
	height: 25px;
	width: 40%;
	max-width: 110px;
	display:inline-block;
	margin-right: 1px;
}

.locationFloater
{
	width: 100%;
	float: left;
	clear: both;
}

.locationFloater:first-child
{
	width: 93%;
	margin-right: 7%;
}

.locationFloater h4
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: 	#acbe2e;
	text-transform: uppercase;
	margin-bottom: 3px;
}

.location-functions{
	float:  left;
}

.office-hours{
	float: left;
}

.office-hours span{
	width: 139px;
	float: left;
}

.map {
	height: 265px;
}

/****** carriers ******/
.providers{
	height: 164px;
	padding-left: 25px;
	padding-top: 20px;
	margin-bottom: 20px;
}

.provider{
	width: 100%;
	height: 123px;
}

.right-col .providers {

	width: 240px;
	height: 140px;
	padding-left: 0px;
}

.right-col .provider{
	width: 75%;
	margin: 0 auto;
}

/****** testimonials ******/

.testimonial-quote {
	font-size: 32px;
	font-family: Georgia;
	font-style: italic;
	color: white;
	position: relative;
	padding: 26px 10%;
	margin-right: 3%;
	position: relative;
	height: 184px;
}

.testimonial-author
{
	margin-top: -4px;
	width: 100%;
	text-align: center;
	font-family: Georgia, Arial;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	display: none;
}

.full-testimonial {
	display:none;
}

.full-testimonial-box {
	padding: 10px;
}

.fb_reset
{
	float: left;
}

/****** breadcrumbs ******/
.breadcrumb-header{
	margin: 0;
        margin-top: 20px;
}

/****** header ******/
.sm-like-buttons
{
	float: right;
}

/****** footer ******/
.copyright{
	margin:0;
}

.sm-chicklets a{
	width:29px;
	height:28px;
	float: right;
}	


/****** staff page *******/
.staff-name h2, .pp_inline h2 {
	margin: 0;

}

/******* top nav ******/
.top-nav{
	height: 66px;
	width: 100%;
}

ul {
	position: relative;
	display: inline;
	float: left;
}

ul a{
	display:block;
}
.nav-container ul ul{
	display:none;
	margin: 0;
}

.blackBar
{
	height: 52px;
	background: rgba(0, 0, 0, 0.15);
}

.nav-container{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	height: 52px;
}

.nav-container ul{
	margin: 0;
	z-index: 5;
	padding: 0;
}

.nav-container > ul > li{
	display: block;
	float: left;
	height: 23px;
	line-height: 26px;
	vertical-align: middle;
}

.nav-container .dropdown > ul li:hover{
	position: relative;
}

.nav-container > li > a
{
    height: 50px;
    margin: 0px;
    padding: 0px;
}

.home-link a {
	text-align: center;
	width: 50px;
	display: block;
}

.nav-container .dropdown > ul {
	margin-left: -13px;
}

.nav-container .dropdown > ul li{
	position: relative;
	color: #e9e9e9;
	background-color:#eeeeee;
        min-width: 285px;
}
.nav-container .dropdown > ul li a {
    margin-left: 20px;
}

.nav-container .dropdown > ul li:hover{
	color: #eeeeee;
	background-color: #454545;
	position: relative;
}

.nav-container .top-product-list > li > a{
        margin-left: 20px;
}

.dropdown > ul{
	margin-left: -15px;
}

.dropdown > ul:hover ul{
	position: absolute;
	top: 100%;
}

.dropdown:hover > ul{
	display: block;
	position: absolute;
	top: 100%;
}

.nav-container .contact-us > ul li{
	position: relative;
	color: #454545;
	background-color:#eeeeee;
	width: 230px;
}

.nav-container .contact-us > ul li:hover{
	color: #eeeeee;
	background-color: #454545;
	position: relative;
}

.contact-us:hover > ul{
	display: block;
	position: absolute;
	top: 100%;
}

.nav-container .dropdown li {
	display: block;
}

.dropdown li:hover > ul{
	display: block;
}

.dropdown:hover ul ul{
	position: absolute;
	top: 0;
	left: 100%;
}

/* nav-products */
.products{
	position: relative;
}

.product-div{
	position: absolute;
	top:100%;
	left:0;
	width: 260px;
}

.products .top-product-list {
	float: left;
	width: 260px;
	display: block;
	background-color:#eeeeee;
}

.products .top-product-list li{
	width: 230px;
}


.product-info{
	width: 505px;
	float: left;
	overflow: hidden;
}

.product-info h3{
	margin: 15px;
}

.subproducts{
	width:240px;
	float: left;
	overflow: hidden;
	line-height: 10px;
}
.subproducts li{
	width: 100%;

}

.product-details{
	width: 250px;
	float: left;
	overflow: hidden;
	padding-left: 10px;
}

.product-details > div {
	margin-top: 10px;
	width: 220px;

}

.nav-container .right-items{
	float: right;
}

.locations-widget {
	position:relative;
	margin-left: 222px;
}

.locations-widget-button {
	padding-left: 20px;
	margin-right: 20px;
}

.locations-widget .location div{
	padding: 10px;
	float: left;
}

.info-container{
	line-height: 20px;
}

.info-container ul{
	margin: 10px 0;
}

.info-container li{
	line-height: 20px;
	display: block;
	float: none;
}

.info-container span {

}

.info-container h3{
	font-weight: bold;
}

.page{
	max-height: 600px;
	overflow: auto;
}

/****** Generic Helper Classes ******/

.hlp-wrapper {
	padding: 10px;
}

.hlp-clear {
	clear: both;
}

.hlp-left {
	float: left;
}

.hlp-right {
	float: right;
}

.hlp-round-corners {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.hlp-box-shadow {
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
}

.hlp-first {
	margin-top: 0;
}

.hr {
	background-image: url('images/divider.jpeg');
	background-repeat: no-repeat;
	background-position: center;
	height: 8px;
}

.listings {
	border-bottom: 1px solid #dad6d3;
	margin-bottom: 30px;
	padding-top: 30px;
}

.listing {
	border-top: 1px solid #dad6d3;
	padding: 30px 0;
}

.prettyPhoto-content {
	display: none;
}

.active {
    
}
.active:hover {
	opacity: 1;
	cursor: pointer;
}

.center
{
    	margin-left: auto;
	margin-right: auto;
	overflow-y: hidden;
}

.center
{
	width: 100%;
	max-width: 1170px;
}

.noiseBG
{
	background: url(images/noise.png) repeat;
	padding-top: 18px;
}

.lower
{
	background-color: white;
	overflow: hidden;
	font-size: 15px;
	font-family: Arial;
	padding-top: 39px;
	padding-bottom: 53px;
	margin-top: -47px;
}

.banner
{
	width: 100%;
	height: 431px;
	background-position: center center;
	position: relative;
	z-index: 1;
}

.banner-copy
{
	font-size: 48px;
	font-weight: 200;
	font-family: 'Source Sans Pro', Arial;
	margin-bottom: 8px;
	line-height: 37px;
	float: left;
	margin-top: 21px;
}

.get-a-quote 
{
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.59) 0%, rgba(0,0,0,0.88) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.59)), color-stop(100%,rgba(0,0,0,0.88))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.88) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.88) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.88) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.59) 0%,rgba(0,0,0,0.88) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96000000', endColorstr='#e0000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	bottom: 0;
	color: white;
	font-size: 48px;
	font-weight: 700;
	height: 86px;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: absolute;
	width: 100%;
}

.get-a-quote .button
{
	display: block;
	font-family: 'Source Sans Pro', Arial;
	font-weight: 600;
	font-size: 24px;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-top: 19px;
	width: 45%;
	max-width: 320px;
	float: right;
}

.gplus
{
	float: left;
	margin-right: 8px;
	margin-left: 8px;
}

#interior-page .main ul
{
	list-style: inside;
	float: none;
	display: block;
	margin-left: 13px;
}

.main
{
	float: left;
	width: 67%;
	margin-right: 2%;
}

.right-bar
{
	padding: 15px;
	border-radius: 5px;
	background-color: #e9e9e9;
	overflow: hidden;
	font-size: 15px;
	font-family: Arial;
	padding-bottom: 34px;
	margin-bottom: 40px;
	margin-top: 10px;
	margin-right: 2%;
}

.right-bar .providers
{
	height: auto;
	width: auto;
	padding: 0px;
	background: white;
	-webkit-box-shadow: 0px 1px 5px 0px #000000;
	box-shadow: 0px 1px 5px 0px #000000;
}

.right-bar h2
{
	font-size: 39px;
}

.right-bar h3,
.right-bar h4
{
	font-size: 15px;
	font-weight: normal;
	line-height: 16px;;
	margin-top: 24px;
	padding: 0;
}

.right-bar h4
{
	margin-top: 11px;
}

.right-bar .address
{
	font-size: 15px;
}

.right-bar .testimonials
{
	width: 100%;
}

.locations-widget .location .info-container {
    float: left;
    font-family: Arial;
    font-size: 14px;
    width: 165px;
}
.locations-widget .location .info-container ul {
    clear: both;
    display: block;
}
.locations-widget .location .info-container a {
    color: #0066CC;
}

.locations-widget .page, .locations-widget .content
{
	border-radius: 0 0 5px 5px;
	padding: 7px;
	width: auto !important;
	box-shadow: 0 0 6px rgba(33, 17, 1, 0.6);
}

.listing > .address
{
	width: 60%;
}

.listing > .address > h3.location-title
{
	float: none;
}

.listing .location-info
{
	width: 38%;
}

.listing .office-hours
{
	width: auto;
	float: left;
	margin-left: 3%;
}

.listing .map
{
	float: left;
	width: 35%;
}

.location-image
{
	max-width: 80%;
}

.wrapper .main strong
{
	font-weight: bold;
}

.wrapper .main ul
{
	list-style: disc outside none;
	margin-left: 25px;
}

.wrapper .main ul.related-products
{
	list-style: none;
	margin-left: 0px;
}

.wrapper .main ul li
{
	margin-bottom: 5px;
}

.wrapper .main ul.related-products li
{
	margin-bottom: 20px;
}

h2.breadcrumb-header
{
	color: #3E3E3E;
}

.container-fluid
{
	padding-right: 20px;
	padding-left: 20px;
}

.container-fluid, .row-fluid
{
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

#home-page .container-fluid, .row-fluid
{
	max-width: 1170px;
}

.bubbleTail
{
	float: right;
}

.lower
{
	font-family: 'Source Sans Pro', Arial;
	font-size: 17px;
	color: #363636;
}

.lower .inner
{
	width: 100%;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 31px;
}

#home-page .lower .inner h1, 
#home-page .lower .inner h2
{
	margin-bottom; 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.floatDiv
{
    display: block;
    float: left;
    margin-left: 4%;
    width: 30%;
}

.floatDiv:first-child 
{
    margin-left: 1%;
}

.home-content
{
    float: left;
    margin-left: 4%;
    width: 65%;
}

.mobileNavigation
{
	display: none;
}

#jPanelMenu-menu
{
	margin: 0px;
	background: #F5F5F5;
	box-shadow: 0 0 4px 0 #888888 inset;
}

#jPanelMenu-menu
{
	list-style: none;
}

#jPanelMenu-menu ul
{
	display: block;
	float: none;
	margin: 0px;
	list-style: none;
}

#jPanelMenu-menu ul.level-2
{
	display: none;
}

#jPanelMenu-menu li
{
	line-height: 30px;
	position: relative;
}

#jPanelMenu-menu li:after
{
	content: '\f0da';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	position: absolute;
	right: 8px;
	top: 5px;
}

#jPanelMenu-menu li a
{
	border-bottom: 1px solid #E1E1E1;
	border-top: 1px solid #FFFFFF;
}

#jPanelMenu-menu > li:first-child a
{
	border-top: 0px;
}

#jPanelMenu-menu li a
{
	margin-left: 3px;
	padding: 0.25em;
	padding-left: 5px;
	color: #1FB6E6;
	font-size: 14px;
	font-family: Open Sans, Arial;
}

#jPanelMenu-menu > li > a 
{
	font-weight: bold;
	text-transform: uppercase;
}

.mobileNavButtons
{
	display: none;
}

.mobileNavButton
{
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	height: 57px;
	margin-left: 7px;
	margin-top: 4px;
	padding: 2px;
	width: 63px;
	cursor: pointer;
	float: right;
	margin-right: 2%;
	text-align: center;
}

.mobileNavButton span
{
	font-size: 40px;
	margin-top: 6px;
	display: block;
	color: #0090DF;
}

.mobilePhoneBucket
{
	display: none;
	opacity: 0;
	left: 0;
	position: fixed;
	top: -100px;
	width: 100%;
	z-index: 9999;
}

.mobilePhoneBucket .inner
{
	background: white;
	width: 94%;
	padding: 2% 3%;
	position: relative;
	top: 0px;
	left: 0px;
}

.mobilePhoneBucket .inner h3
{
	margin: 0px;
	padding: 0px;
}

.darkScreen
{
	width: 100%;
	background: black;
	background: rgba(0, 0, 0, 0.8);
	height: 1500px;
}

.phoneButton
{
    cursor: pointer;
    background-color: #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    font-size: 27px;
    padding: 10px;
    margin-top: 10px;
    color: #333;
}

.phoneButton .icon-phone
{
	color: #0090DF;
}

#showNavButton
{
	float: left;
}

h3.location-title
{
	padding-left: 34px;
}

.featuredProducts
{
	float: left;
	width: 53%;
	margin-left: 3%;
	position: relative;
	top: 31px;
	left: 0px;
}

.featuredProducts .rotator-arrows
{
	height: 100px;
	position: absolute;
	right: 0;
	top: -82px;
	width: 79px;
}

.mobileFeaturedProducts
{
	display: none;
	font-family: Open Sans, Arial;
	clear: both;
}

.mobileFeaturedProducts ul
{
	display: block;
	float: none;
	overflow: hidden;
	list-style: none;
	margin-top: 0px;
}

.mobileFeaturedProducts ul li
{
	font-size: 23px;
	border: 1px solid #DCDCDC;
	border-bottom: 0px;
	margin: 0;
	padding: 11px;
	position: relative;
	line-height: 34px;
}

.mobileFeaturedProducts ul li:last-child
{
	border-bottom: 1px solid #DCDCDC;
}

.mobileFeaturedProducts ul li img
{
	width: 27px;
}

.viewAllProducts
{
	border-radius: 5px;
	border: 1px solid #E1E1E1;
	cursor: pointer;
	display: block;
	font-size: 23px;
	padding: 5px 5px 5px 11px;
	margin-bottom: 5px;
}

.viewAllProducts.expanded
{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: #F1F1F1;
}

#featuredIcon
{
	float: right;
	margin-right: 10px;
	color: #333;
}

.zeroHeight
{
	height: 0px;
}

.sand
{
	padding: 47px 0px;
	margin-top: 38px;
	background: url(images/sand.png) repeat;
}

.related-products li div
{
	text-decoration: none;
}
@media (max-width: 1187px) 
{
	.locations-widget {
		margin-left: 12px;
	}
}
@media (max-width: 1169px) 
{
	.get-a-quote .button
	{
		margin-right: 10px;
	}

	.banner-copy
	{
		margin-left: 10px;
	}

	#home-page .locations-container
	{
		width: 46%;
		margin-right: 3%;
	}
}

@media (max-width: 980px) 
{
	#menu
	{
		display: none;
	}

	.mobileNavButtons
	{
		display: block;
	}

	.top-nav
	{
		height: 78px;
	}

	.blackBar
	{
		background: none;
	}

	.top-nav .gradient
	{
		height: 78px;
	}

	.phone-number
	{
		margin-top: 21px;
	}

	#home-page .testimonial-quote
	{
		margin-left: 2%;
		margin-right: 2%;
		width: 66%;
	}

}

@media (max-width: 865px) 
{

	.right-bar, 
	.main
	{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 15px;
	}

	.right-bar
	{
		width: auto;
	}

	#home-page .locations-container
	{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}

	#home-page .lower .inner h1, #home-page .lower .inner h2
	{
		margin-left: 3%;
	}

	.featuredProducts .rotator-item
	{
		margin-right: 0px;
		margin-left: 94px;
	}
}

@media (max-width: 768px) 
{
	.banner
	{
		margin-bottom: 15px;
	}

	.banner-copy
	{
		display: none;
	}

	.get-a-quote .button
	{
		width: 258px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.logo
	{
		width: 100%;
		text-align: center;
	}

	.floatDiv.carriers
	{
		display: none;
	}

	.floatDiv
	{
		width: 47%;
	}

	.home-content
	{
		width: 47%;
	}

	.phone-number
	{
    		display: none !important;
	}

	.phone-number-header
	{
		font-size: 23px;
	}

	.locations-inner
	{
		margin-left: auto;
		margin-right: auto;
	}

	.vert-arrow
	{
		display: none;
	}


	.home-link a
	{
    		margin-left: auto;
    		margin-right: auto;
	}

	.locationFloater
	{
		width: 100%;
		margin-right: 0;
	}

	.location.listing .address
	{
		width: 100%;
		margin-bottom: 18px;
	}

	.location.listing .map
	{
		width: 100%;
	}

	.listing .staff-contact, 
	.listing .staff-office,
	.listing .staff-name,
	.listing .staff-pic
	{
    		border-bottom: 1px solid #DDDDDD;
    		float: none;
    		margin-bottom: 4px;
    		margin-left: auto;
    		margin-right: auto;
    		padding: 3px;
    		width: 70%;
	}

	#home-page .location-image,
	#home-page .locations-container .address,
	#home-page .location-info, .office-hours,
	#home-page .location-functions
	{
		margin-right: 3%;
		margin-left: 3%;
		width: 44%;
	}

	#home-page .locationFloater:first-child
	{
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.footer .footer-links
	{
		font-size: 16px;
	}
	.staff-pic > img
	{
		width: auto;
		display: block;
		max-height: 200px;	
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}

	.staffPage .staff-name
	{
		padding-top: 15px;
		padding-bottom: 15px;	
	}

	.staffPage .listing .button-div
	{
		display: none;
	}

	.staffPage .listing .staff-contact
	{
		padding-top: 15px;
		padding-bottom: 15px;	
	}

	.staffPage .listing .staff-office
	{
		padding-top: 15px;
		padding-bottom: 15px;		
	}

	.staffPage .listing .phone span
	{
		display: inline-block;
		margin-right: 8px;
		width: auto;
	}

}

@media (max-width: 650px)
{
	h2.featured
	{
		display: none;
	}

	#home-page .testimonial-quote
	{
		padding: 22px 10px;
		font-size: 17px;
		width: auto;
	}

	.main-location-image
	{
		display: none;
	}

	.sand table
	{
		width: 100%;
	}

	.sand table td
	{
		margin: 0 auto;
		display: block;	
	}
}

@media (max-width: 550px)
{
	.banner
	{
		height: 226px;
	}

	.get-a-quote 
	{
		height: 167px;
		text-align: center;
		top: 30px;
		width: 100%;
	}

	.banner-copy
	{	
		float: none;
		display: block;
	}

	.featuredProducts.rotator
	{
		display: none;
	}

	.mobileFeaturedProducts
	{
		display: block;
	}

	.featuredProducts
	{
		display: none;
	}

	#home-page .testimonials
	{
		width: 100%;
		margin-bottom: 20px;
	}

	.related-product-details h3
	{
		font-size: 11px;
	}

	.related-products li div
	{
		font-size: 9px;
	}
}

@media (min-width: 500px)
{
	#mobilePhoneButton
	{
		display: none;
	}
}


@media (max-width: 480px)
{

	.banner-copy
	{
		font-size: 30px;
	}

	.floatDiv:first-child
	{
		margin-left: 3%;
	}

	.home-content, .floatDiv
	{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}

	.phone-number
	{
		margin-top: 0px;
	}

	.top-nav
	{
		position: static;
	}

	.header
	{
		padding-top: 0px;
	}

	.nav-container
	{
		width: 100%;
		overflow: hidden;
		height: auto;
		padding-bottom: 11px;
	}

	.get-a-quote
	{
		font-size: 41px;
	}


	.home-link
	{
		width: 78% !important;
	}

	.top-nav
	{
		height: auto;
	}

	.nav-container > ul > li
	{
		line-height: 30px;
    		height: auto;
    		line-height: 30px;
    		margin-left: 5%;
    		margin-right: 5%;
    		width: 30%;
	}

	.banner
	{
		height: 225px;
	}

	.get-a-quote
	{
		margin-top: 4px;
	}

	.location-image
	{
		width: 100%;
	}

	.location-info, .office-hours	
	{
		float: none;
		width: 220px;
		margin-left: auto;
		margin-right: auto;
	}

	.location-functions
	{
		float: none;
		width: 220px;
		margin-left: auto;
		margin-right: auto;
	}

	.locationFloater h4
	{
		margin-top: 19px;
	}

	.location-phone
	{
		padding-top: 0px;
	}

	#home-page .location-image,
	#home-page .locations-container .address,
	#home-page .location-info, .office-hours,
	#home-page .location-functions
	{
		width: 84%;
		margin-left: 8%;
		margin-right: 8%;
		float: none;
	}

	.office-hours span
	{
		width: 65px;
	}

}

@media (max-width: 410px)
{
	.mobileNavButton
	{
		margin-right: 0.5%;
	}

	.home-link
	{
		width: 78% !important;
	}

	.nav-container > ul > li
	{
		line-height: 30px;
    		width: 30%;
		height: auto;
	}

	.related-products li
	{
		width: 214px;
	}	

	.related-product-details
	{
		width: 144px;
	}

	.related-products li img	
	{
		width: 60px;
	}
}

@media (max-width: 370px)
{
	.get-a-quote
	{
		font-size: 30px;
	}
}

@media (max-width: 320px)
{
	.products	
	{
		display: none !important;
	}

	.nav-container > ul > li
	{
		line-height: 36px;
    		width: 78%;
		height: auto;
		margin-top: 4px;
	}

	.home-link
	{
		width: 78% !important;
	}

	.email-widget
	{
		display: none;
	} 
}
